<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    /*测试css Start*/
      *{padding: 0;margin: 0;}
      #exam{
        width: 100%;
        height: 771px;
        background:#F8B62B url(./exam.png) 50px top no-repeat;
      }
      
    /*测试css End*/

    /*字体闪烁css Start*/
    #bling-wrap{
      position: absolute;
      left: 822px;
      top: 329px;
      width: 233px;
      height: 150px;
      overflow: hidden;
    }
    .bling{
      float: left;
      display: inline-block;
      width: 30px;
      height: 10px;
      opacity:0;
      margin: 0 10px 5px 0;
      -webkit-animation-fill-mode:both !important;
              animation-fill-mode:both !important;
    }
    .b2{
        width: 50px;
    }
    .b3{
        width: 40px;
    }
    .active > .b1{
      -webkit-animation:bling .2s linear  1;
              animation:bling .2s linear  1;
    }
    .active > .b2{
      -webkit-animation:bling2 .2s linear .2s 1;
              animation:bling2 .2s linear .2s 1;
    }
    .active > .b3{
      -webkit-animation:bling .2s linear .3s 1;
              animation:bling .2s linear .3s 1;
    }
    @-webkit-keyframes bling{
      0%{opacity:0;}
      25%{opacity:1;}
      50%{opacity:0;}
      75%{opacity:1;}
      100%{opacity:0;}
    }
    @keyframes bling{
      0%{opacity:0;}
      25%{opacity:1;}
      50%{opacity:0;}
      75%{opacity:1;}
      100%{opacity:0;}
    }
    @-webkit-keyframes bling2{
      0%{opacity:0;}
      25%{opacity:1;}
      50%{opacity:0;}
      75%{opacity:1;}
      100%{opacity:0;}
    }
    @keyframes bling2{
      0%{opacity:0;}
      25%{opacity:1;}
      50%{opacity:0;}
      75%{opacity:1;}
      100%{opacity:0;}
    }
    /*字体闪烁css End*/
  </style>
</head>
<body>
  <div id="exam">
    <div id="bling-wrap"></div>
  </div>
  <script src="https://cdn.bootcss.com/jquery/2.2.2/jquery.min.js"></script>
  
  <!-- 马赛克闪烁-->
  <script src="textBling.js"></script>
  <script>
    $("#bling-wrap").textBling({
      // color:'#fff',
      // color:'#F8B62B',
      color:'#000',
      time:3000,
    });
  </script>
</body>
</html>